<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div>
        <div class="row">
            <div class="pt10">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title"><h5>内容信息</h5></div>
                        <div class="ibox-content clearfix pt10">
                            <form method="post" id="exportForm">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> excel上传模板说明：</label>
                                        <div class="col-sm-8">
                                            <span class="help-block m-b-none c-969">
                                                1.由于素材有各自的特性，在导入时其模版格式要求不同，请选择要下载的模版；<br/>
                                                2.模版中的红字列皆为必填项，不可为空<br/>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <input type="hidden" name="subjectIds" id="subjectIds" value=""/>
                                        <label class="col-sm-2 control-label"><i class="c-red">*</i> 选择专业</label>
                                        <div class="col-sm-8">
                                            <div id="material-subject-box"></div>
                                            <div id="material-subject-context"></div>
                                            <span class="help-block m-b-none c-999">选择所属专业或去新建</span>
                                        </div>
                                        <div class="col-sm-2 mt10"><a href="javascript:void(0);" onclick="getRedirectMenu(baseloaction+'/admin/manage/subject/toSubjectList')"><i class="fa fa-plus"></i> 新建专业</a></div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <input type="hidden" id="playType" name="playType" value="">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"><i class="c-red">*</i> 选择模版类型</label>
                                        <div class="col-sm-8">
                                            <span class="c-red" th:if="${isCustomerKey}==null or  ${isLive}==null">
                                           &nbsp;&nbsp;&nbsp;平台检测到您还未开通云视频服务
                                            <span th:if="${isCustomerKey}==null" th:text="'，中的录播服务'"></span>
                                            <span th:if="${isLive}==null" th:text="${customerKey}==null?'、直播服务':'，中的直播服务'"></span>
                                            ，开通后才可使用
                                            <span th:if="${isCustomerKey}==null" th:text="${isLive}==null?'录播服务、':'中的录播服务。'"></span>
                                            <span th:if="${isLive}==null" th:text="'直播服务。'"></span>
                                            <button onclick="getRedirectMenu('/admin/course/serviceConfig',false)" type="button" class="btn btn-outline btn-primary">点击开通</button>
                                        </span>
                                            <div class="radio i-checks">
                                                <label><input name="materialType" type="radio" value="ARTICLE" checked><i></i> 文章素材模版</label>
                                                <label><input name="materialType" th:disabled="${isLive}==null" type="radio" value="LIVE" ><i></i> 直播素材模版</label>
                                                <label><input name="materialType" th:disabled="${isCustomerKey}==null" type="radio" value="VIDEO" ><i></i> 视频素材模版</label>
                                                <label><input name="materialType" th:disabled="${isCustomerKey}==null" type="radio" value="AUDIO" ><i></i> 音频素材模版</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"> 上传：</label>
                                        <div class="col-sm-8">
                                            <button id="downloadBtn" class="btn btn-danger" type="button"> 下载素材模版</button>
                                            <button id="importBtn" class="btn btn-danger ml10" type="button"> 选择上传文件</button>
                                            <button onclick="history.go(-1)" class="btn btn-primary ml10" type="button">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/business/upload/common-webuploader.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/course/material/import_material.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
